<extend name="Index:base" />
<block name="body">
<form class="hd-form" onsubmit="return hd_submit(this,'{:U('ajaxAccess')}','{:U('group')}')">
<div class="hd-menu-list">
  <ul>
      <li><a href="{:U('group')}">用户组列表</a></li>
      <li class="active"><a href="javascript:;">设置权限</a></li>
  </ul>
</div>
<div class="access">
<foreach name="data" item="v1">
	<div class="ul1">
		<h3><label><input <in name="v1.id" value="$rule">checked="checked"</in> type="checkbox" level="1" name="access[]" value="{$v1.id}">{$v1.title}</label></h3>
		<ul class="u2">
			<if condition="isset($v1['son'])">
			<foreach name="v1.son" item="v2">
			<li>
				<h4><label><input <in name="v2.id" value="$rule">checked="checked"</in> value="{$v2.id}" level="2" name="access[]" type="checkbox">{$v2.title}</label></h4>
				<p>
					<if condition="isset($v2['son'])">
					<foreach name="v2.son" item="v3">
					<label><input <in name="v3.id" value="$rule">checked="checked"</in> level="3" type="checkbox" name="access[]" value="{$v3.id}">{$v3.title}</label>
					</foreach>
					</if>
				</p>
			</li>
			</foreach>
			</if>
		</ul>
	</div>
</foreach>
</div>
<input type="hidden" name="gid" value="{:I('get.gid')}">
<input type="submit" class="hd-btn hd-btn-primary" value="确定"/>
<a href="{:U('group')}" class="hd-btn">取消</a>
</form>
<style type="text/css">
.ul1{
	margin-bottom: 10px;
	border: 1px solid #888;
}
h3,h4{font-size: 12px;}
h3{
	background: #E7E7E7;
	height: 30px;
	line-height: 30px;
	text-indent: 10px;
}
input{margin-right: 4px;}
h4{
	line-height: 30px;
}
.u2{
	margin:0 10px;
}
.u2 li{
	border-bottom: 1px solid #DEDBDE;
}
.u2 p {line-height: 20px;padding-bottom: 10px;}
.u2 p label{margin-right: 14px;}
</style>
<script>
$('input[level=1]').click(function(){
	var inputs = $(this).parents('.ul1').find('input');
	$(this).attr('checked')?inputs.attr('checked',true):inputs.removeAttr('checked');
});
$('input[level=2]').click(function(){
	var inputs = $(this).parents('li').find('input');
	$(this).attr('checked')?inputs.attr('checked',true):inputs.removeAttr('checked');
});
// $('input[level=3]').click(function(){
// 	$(this).parents('li').find('input[level=2]').attr('checked',true);
// 	$(this).parents('.ul1').find('input[level=1]').attr('checked',true);
// });
</script>
</block>